<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="../../style/main.css">
    <title>Lesson管理系统</title>
    <link rel="stylesheet" href="../../bootstrap-4.6.2-dist/bootstrap-icons-1.10.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../bootstrap-4.6.2-dist/bootstrap-icons-1.10.5/font/bootstrap-icons.min.css">
<body>
<!--页头: 样式[右外边距]-->
<header class="mr-2">
    <!--路径导航: 样式[面包屑 背景色 下外边距]-->
    <ol class="breadcrumb bg-dark mb-0">
        <!--导航项: 样式[面包屑项 当前选中]-->
        <li class="breadcrumb-item"><a href="order.html">订单管理</a></li>
        <li class="breadcrumb-item active">修改订单</li>
    </ol>
</header>
<!--水平线: 样式[背景色 上外边距]-->
<hr class="bg-light mt-0"/>
<!--表单: 样式[左右外边距 背景色 前景色]-->
<form class="mx-3 bg-dark text-light">
    <!--订单编号框-->
    <article class="form-group row">
        <label for="orderNumberIpt" class="col-sm-2 col-form-label">订单编号</label>
        <div class="col-sm-6">
            <input type="text" id="orderNumberIpt" class="form-control"
                   placeholder="输入订单编号.." readonly>
        </div>
        <div class="col-sm-4 form-control-plaintext text-danger">
            * 订单编号
        </div>
    </article>
    <!--订单总金额框-->
    <article class="form-group row">
        <label for="totalFeeIpt" class="col-sm-2 col-form-label">订单总金额</label>
        <div class="col-sm-6">
            <input type="text" id="totalFeeIpt" class="form-control"
                   placeholder="输入订单总金额..">
        </div>
        <div class="col-sm-4 form-control-plaintext text-danger">
            * 订单总金额
        </div>
    </article>
    <!--创建日期框: 样式[表单组, 表单行]-->
    <article class="form-group row">
        <label for="createTimeIpt" class="col-sm-2 col-form-label">创建日期</label>
        <div class="col-sm-6">
            <input type="datetime-local" class="form-control" id="createTimeIpt">
        </div>
        <div class="col-sm-4 form-control-plaintext text-danger">
            * 必选
        </div>
    </article>
    <!--修改日期框: 样式[表单组, 表单行]-->
    <article class="form-group row">
        <label for="modifyTimeIpt" class="col-sm-2 col-form-label">修改日期</label>
        <div class="col-sm-6">
            <input type="datetime-local" class="form-control" id="modifyTimeIpt">
        </div>
        <div class="col-sm-4 form-control-plaintext text-danger">
            * 必选
        </div>
    </article>
    <!--订单描述框-->
    <article class="form-group row">
        <label for="orderInfoArea" class="col-sm-2 col-form-label">订单描述</label>
        <div class="col-sm-6">
            <textarea id="orderInfoArea" class="form-control" rows="5"
                      placeholder="输入订单描述.."></textarea>
        </div>
        <div class="col-sm-4 form-control-plaintext text-danger">
            * 订单描述不能超过80个字符
        </div>
    </article>
    <!--提交按钮: 样式[表单组, 表单行]-->
    <article class="form-group row">

        <div class="col-sm-12">
            <button id="updateBtn" type="button" class="btn btn-primary btn-block">确认修改</button>
        </div>
    </article>
</form>
<script src="../../bootstrap-4.6.2-dist/bootstrap-icons-1.10.5/jquery-3.6.0.js"></script>
<script src="../../bootstrap-4.6.2-dist/bootstrap-icons-1.10.5/js/bootstrap.bundle.min.js"></script>
<script src="../../bootstrap-4.6.2-dist/bootstrap-icons-1.10.5/js/bootstrap.min.js"></script>
</body>
</html>